﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <title>收费管理</title>
    <meta name="keywords" content="H+后台主题,后台bootstrap框架,会员中心主题,后台HTML,响应式后台">
    <meta name="description" content="H+是一个完全响应式，基于Bootstrap3最新版本开发的扁平化主题，她采用了主流的左右两栏式布局，使用了Html5+CSS3等现代技术">
    <meta http-equiv="Pragma" content="no-cache">
    <meta http-equiv="Cache-Control" content="no-cache">
    <meta http-equiv="Expires" content="0">
    <link href="css/bootstrap.min.css?v=3.3.6" rel="stylesheet">
    <link href="css/font-awesome.min.css?v=4.4.0" rel="stylesheet">
    <link href="css/plugins/footable/footable.core.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/style.css?v=4.1.0" rel="stylesheet">
    <link href="css/plugins/treeview/bootstrap-treeview.css" rel="stylesheet">
    <link href="css/plugins/chosen/chosen.css" rel="stylesheet">

    <!-- Sweet Alert -->
    <link href="css/plugins/sweetalert/sweetalert.css" rel="stylesheet">
    <link href="css/plugins/datapicker/datepicker3.css" rel="stylesheet">
    
    <link href="css/add-style.css" rel="stylesheet">
</head>
<body class="gray-bg">
    <div class="wrapper wrapper-content  animated fadeInRight">

        <div class="row">
            <div class="col-sm-12">
                <div class="ibox float-e-margins">
                    <div class="ibox-content">
                        <span class="text-muted small pull-right">最后更新：<i class="fa fa-clock-o"></i> 2015-09-01 12:00</span>
                        <h2>收费管理</h2>
                        <p>
                            在下方输入查询条件后，点击搜索即可查找相应的房屋信息
                        </p>
                        <hr />
                        <div class="row">
                            <form method="get" class="form-horizontal">
                                <div class="form-group">
                                    <label class="col-sm-1 control-label">楼盘名称</label>
                                    <div class="col-sm-11">
                                        <div class="rule-multi-radio">
                                            <span id="rblStatus">
                                                <input id="rblStatus_0" type="radio" name="rblStatus" value="0" checked="checked" />
                                                <label for="rblStatus_0">富力家园一期</label>
                                                <input id="rblStatus_1" type="radio" name="rblStatus" value="1" />
                                                <label for="rblStatus_1">富力家园二期</label>
                                                <input id="rblStatus_2" type="radio" name="rblStatus" value="2" />
                                                <label for="rblStatus_2">富力家园三期</label>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-1 control-label">收费类型</label>
                                    <div class="col-sm-11">
                                        <div class="rule-multi-radio">
                                            <span id="rblType">
                                                <input id="rblType_0" type="radio" name="rblType" value="0" checked="checked" />
                                                <label for="rblType_0">住宅</label>
                                                <input id="rblType_1" type="radio" name="rblType" value="1" />
                                                <label for="rblType_1">商铺</label>
                                                <input id="rblType_2" type="radio" name="rblType" value="2" />
                                                <label for="rblType_2">办公</label>
                                                <input id="rblType_3" type="radio" name="rblType" value="3" />
                                                <label for="rblType_3">外协</label>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-1 control-label">选择楼栋</label>
                                    <div class="col-sm-3">
                                        <select data-placeholder="选择楼栋" class="form-control m-b">
                                            <option value="110000" hassubinfo="true" selected="selected">1号楼</option>
                                            <option value="120000" hassubinfo="true">2号楼</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-1 control-label">楼层</label>
                                    <div class="col-sm-11">
                                        <div class="rule-multi-radio">
                                            <span id="cblFloor">
                                                <input id="cblActionType_0" type="radio" name="cblFloor" checked="checked" value="Show" />
                                                <label for="cblActionType_0">1层</label>
                                                <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                                <label for="cblActionType_1">2层</label>
                                                <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                                <label for="cblActionType_0">3层</label>
                                                <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                                <label for="cblActionType_0">4层</label>
                                                <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                                <label for="cblActionType_0">5层</label>
                                                <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                                <label for="cblActionType_1">6层</label>
                                                <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                                <label for="cblActionType_0">7层</label>
                                                <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                                <label for="cblActionType_0">8层</label>
                                                <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                                <label for="cblActionType_0">9层</label>
                                                <input id="cblActionType_1" type="radio" name="cblFloor" value="View" />
                                                <label for="cblActionType_1">10层</label>
                                                <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                                <label for="cblActionType_0">11层</label>
                                                <input id="cblActionType_0" type="radio" name="cblFloor" value="Show" />
                                                <label for="cblActionType_0">12层</label>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <div class="form-group">
                                    <label class="col-sm-1 control-label">选择房间</label>
                                    <div class="col-sm-11">
                                        <div class="rule-multi-radio">
                                            <span id="cblActionType">
                                                <input id="cblActionType_0" type="radio" name="cblActionType$0" checked="checked" value="Show" />
                                                <label for="cblActionType_0">0101-张亮</label>
                                                <input id="cblActionType_1" type="radio" name="cblActionType$1" value="View" />
                                                <label for="cblActionType_1">0102-黄百鸣</label>
                                                <input id="cblActionType_0" type="radio" name="cblActionType$0" value="Show" />
                                                <label for="cblActionType_0">0103-吴双级</label>
                                                <input id="cblActionType_0" type="radio" name="cblActionType$0" value="Show" />
                                                <label for="cblActionType_0">0105-李淘</label>
                                                <input id="cblActionType_0" type="radio" name="cblActionType$0" value="Show" />
                                                <label for="cblActionType_0">0106-何厚铧</label>
                                            </span>
                                        </div>
                                    </div>
                                </div>

                            </form>
                        </div>
                        <div class="clients-list">
                            <ul class="nav nav-tabs">
                                <span class="pull-right small text-muted">
                                    <a href="charge_search.html" class="btn btn-primary btn-sm"><i class="fa fa-dollar"></i> 确认收款 </a>
                                    <a data-toggle="modal" href="charge.html#modal-history" class="btn btn-info btn-sm"><i class="fa fa-dollar"></i> 缴费历史记录 </a>
                                </span>
                                <li class="active">
                                    <a data-toggle="tab" href="#tab-1"><i class="fa fa-user"></i>周期收费</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-2"><i class="fa fa-briefcase"></i>临时收费</a>
                                </li>
                                <li class="">
                                    <a data-toggle="tab" href="#tab-3"><i class="fa fa-briefcase"></i>工单维修收费</a>
                                </li>
                            </ul>
                            <div class="tab-content">
                                <div id="tab-1" class="tab-pane active">
                                    <div class="full-height-scroll">
                                        <div class="table-responsive">
                                            <div class="ibox-content">
                                                <div class="panel-body">
                                                    <div class="panel-group" id="accordion">
                                                        <div class="panel panel-info">
                                                            <div class="panel-heading">
                                                                <h5 class="panel-title">
                                                                    <a data-toggle="collapse" data-parent="#accordion" href="tabs_panels.html#collapseOne1">
                                                                        <i class="fa fa-dollar"></i>
                                                                        <span class="text-muted small">
                                                                            <strong>分摊信息：</strong> 减免剩余：<span style="color:red">&yen;1182.37</span> 补交金额：<span style="color:red">&yen;1182.37</span>
                                                                            减免分摊：<span style="color:red"><i class="fa fa-clock-o"></i>2016-10-8至2016-10-18</span>
                                                                        </span>
                                                                        <span class="text-muted small pull-right"> 起费日期：<span style="color:red"><i class="fa fa-clock-o"></i> 2013-09-08</span></span>
                                                                    </a>
                                                                </h5>
                                                            </div>
                                                            <div id="collapseOne1" class="panel-collapse collapse in">
                                                                <div class="panel-body">
                                                                    <table class="table table-hover">
                                                                        <tbody>
                                                                            <tr>
                                                                                <td style="text-align: left;">
                                                                                    <label><input type="checkbox" class="chk1" name="IsFree" value="1">预收费用</label>
                                                                                    <span style="display: none;" class="chk1-main">
                                                                                        <input type="text" class="keyTest n-txt" name="FreeNumber" id="FreeCoupon" value="输入免单赠券编号">
                                                                                    </span>
                                                                                </td>
                                                                                <td colspan="4" class="pull-left">
                                                                                    <div class="input-daterange input-group" id="datepicker">
                                                                                        <input type="text" class="form-control" name="start" placeholder="开始时间" value="2017-01" />
                                                                                        <span class="input-group-addon">至</span>
                                                                                        <input type="text" class="form-control" name="end" placeholder="结束时间" value="2017-12" />
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td style="text-align: left;">
                                                                                    <label><input type="checkbox" class="chk1" name="IsFree" value="1">免单赠券</label>
                                                                                    <span style="display: none;" class="chk1-main">
                                                                                        <input type="text" class="keyTest n-txt" name="FreeNumber" id="FreeCoupon" value="输入免单赠券编号">
                                                                                    </span>
                                                                                </td>
                                                                                <td colspan="4" class="pull-left">
                                                                                    <div class="input-daterange input-group" id="datepicker">
                                                                                        <input type="text" class="form-control" name="start" placeholder="卷号" value="" />
                                                                                        <span class="input-group-addon">和</span>
                                                                                        <input type="text" class="form-control" name="end" placeholder="金额" value="" />
                                                                                    </div>
                                                                                </td>
                                                                            </tr>
                                                                            
                                                                            <!--<tr>
                                                                                <td>
                                                                                    <strong><label><input type="checkbox" class="chk2" name="">预收物业管理费：</label></strong>
                                                                                </td>
                                                                                <td>
                                                                                    <div class="input-daterange input-group" id="datepicker">
                                                                                        <input type="text" class="form-control" name="start" value="2014-11-08" />
                                                                                        <span class="input-group-addon">到</span>
                                                                                        <input type="text" class="form-control" name="end" value="2016-12-07" />
                                                                                    </div>
                                                                                </td>
                                                                                <td>
                                                                                    <strong>应收金额：</strong>
                                                                                </td>
                                                                                <td>
                                                                                    <span class="text-muted small"><span style="color:red">&yen;1182.37</span></span>
                                                                                </td>
                                                                            </tr>-->
                                                                            <tr>
                                                                                <td>
                                                                                    <strong>缴费类型：</strong>
                                                                                </td>
                                                                                <td>
                                                                                    <div class="rule-multi-radio">
                                                                                        <span id="rblType01">
                                                                                            <input id="rblType_0" type="radio" name="rblType01" value="0" checked="checked" />
                                                                                            <label for="rblType_0">物业费</label>
                                                                                            <input id="rblType_1" type="radio" name="rblType01" value="1" />
                                                                                            <label for="rblType_1">产权管理费</label>
                                                                                            <input id="rblType_2" type="radio" name="rblType01" value="2" />
                                                                                            <label for="rblType_2">生活垃圾消纳费</label>
                                                                                        </span>
                                                                                    </div>
                                                                                </td>
                                                                                <td>
                                                                                    <strong>应收金额：</strong>
                                                                                </td>
                                                                                <td>
                                                                                    <span class="text-muted small"><span style="color:red">&yen;1182.37</span></span>
                                                                                </td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td>
                                                                                    <strong>票据类型：</strong>
                                                                                </td>
                                                                                <td>
                                                                                    <div class="rule-multi-radio">
                                                                                        <span id="rblpiaoType02">
                                                                                            <input id="rblpiaoType02_0" type="radio" name="rblpiaoType02" value="0" checked="checked" />
                                                                                            <label for="rblpiaoType02_0">机打收据</label>
                                                                                            <input id="rblpiaoType02_1" type="radio" name="rblpiaoType02" value="1" />
                                                                                            <label for="rblpiaoType02_1">手写收据</label>
                                                                                            <input id="rblpiaoType02_2" type="radio" name="rblpiaoType02" value="2" />
                                                                                            <label for="rblpiaoType02_2">发票</label>
                                                                                            <input id="rblpiaoType02_3" type="radio" name="rblpiaoType02" value="3" />
                                                                                            <label for="rblpiaoType02_3">其他</label>
                                                                                        </span>
                                                                                    </div>
                                                                                </td>
                                                                                <td>
                                                                                    <strong>票号：</strong>
                                                                                </td>
                                                                                <td>
                                                                                    <input type="text" class="input input-sm form-control" value="">
                                                                                </td>
                                                                            </tr>

                                                                            <tr>
                                                                                <td>
                                                                                    <strong>现收金额：</strong>
                                                                                </td>
                                                                                <td>

                                                                                    <input type="text" class="input input-sm form-control" value="" placeholder="输入后系统自动显示对应现金分摊区间">
                                                                                </td>
                                                                                <td>
                                                                                    <strong>找零金额：</strong>
                                                                                </td>
                                                                                <td><span class="text-muted small"><span style="color:red">&yen;1182.37</span></span></td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>
                                                                    <table class="table table-hover">
                                                                        <tbody>
                                                                            <tr id="jq">
                                                                                <th><label for="jq_chk_0"><input type="checkbox" name="chk_can" value="" checked="checked">全选</label></th>
                                                                                <th>收费项目</th>
                                                                                <th>计费起始日期</th>
                                                                                <th>计费结束日期</th>
                                                                                <th>单价</th>
                                                                                <th>应收金额</th>
                                                                                <th>应收年月</th>
                                                                                <th>付款方式</th>
                                                                                <th>操作</th>
                                                                            </tr>
                                                                            <tr class="alt-row">
                                                                                <td><input type="checkbox" name="ReceivableID[]" class="jqitems" value="396553" checked="checked"></td>
                                                                                <!--<input type="hidden" name="ReceivableID[]" value="396553"/>-->
                                                                                <th>物业费</th>
                                                                                <td>2016-06-01</td>
                                                                                <td>2016-06-30</td>
                                                                                <td>1.8000</td>
                                                                                <td>143.59</td>
                                                                                <td>2016年06月</td>
                                                                                <td>
                                                                                    <select class="mozSelect" name="SettlementType">
                                                                                        <option value="1">现金</option>
                                                                                        <option value="2">刷卡</option>
                                                                                        <option value="3">支票</option>
                                                                                        <option value="4">汇款</option>
                                                                                        <option value="5">赠送</option>

                                                                                    </select>
                                                                                </td>
                                                                                <td><a data-toggle="modal" href="charge.html#modal-look" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> 拆分 </a></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td><input type="checkbox" name="ReceivableID[]" class="jqitems" value="396554" checked="checked"></td>
                                                                                <!--<input type="hidden" name="ReceivableID[]" value="396554"/>-->
                                                                                <th>物业费</th>
                                                                                <td>2016-07-01</td>
                                                                                <td>2016-07-31</td>
                                                                                <td>1.8000</td>
                                                                                <td>143.59</td>
                                                                                <td>2016年07月</td>
                                                                                <td>
                                                                                    <select class="mozSelect" name="SettlementType">
                                                                                        <option value="1">现金</option>
                                                                                        <option value="2">刷卡</option>
                                                                                        <option value="3">支票</option>
                                                                                        <option value="4">汇款</option>
                                                                                        <option value="5">赠送</option>

                                                                                    </select>
                                                                                </td>
                                                                                <td><a data-toggle="modal" href="charge.html#modal-look" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> 拆分 </a></td>
                                                                            </tr>
                                                                            <tr class="alt-row">
                                                                                <td><input type="checkbox" name="ReceivableID[]" class="jqitems" value="396555" checked="checked"></td>
                                                                                <!--<input type="hidden" name="ReceivableID[]" value="396555"/>-->
                                                                                <th>物业费</th>
                                                                                <td>2016-08-01</td>
                                                                                <td>2016-08-31</td>
                                                                                <td>1.8000</td>
                                                                                <td>143.59</td>

                                                                                <td>2016年08月</td>
                                                                                <td>
                                                                                    <select class="mozSelect" name="SettlementType">
                                                                                        <option value="1">现金</option>
                                                                                        <option value="2">刷卡</option>
                                                                                        <option value="3">支票</option>
                                                                                        <option value="4">汇款</option>
                                                                                        <option value="5">赠送</option>

                                                                                    </select>
                                                                                </td>
                                                                                <td><a data-toggle="modal" href="charge.html#modal-look" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> 拆分 </a></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td><input type="checkbox" name="ReceivableID[]" class="jqitems" value="396556" checked="checked"></td>
                                                                                <!--<input type="hidden" name="ReceivableID[]" value="396556"/>-->
                                                                                <th>物业费</th>
                                                                                <td>2016-09-01</td>
                                                                                <td>2016-09-30</td>
                                                                                <td>1.8000</td>
                                                                                <td>143.59</td>

                                                                                <td>2016年09月</td>
                                                                                <td>
                                                                                    <select class="mozSelect" name="SettlementType">
                                                                                        <option value="1">现金</option>
                                                                                        <option value="2">刷卡</option>
                                                                                        <option value="3">支票</option>
                                                                                        <option value="4">汇款</option>
                                                                                        <option value="5">赠送</option>

                                                                                    </select>
                                                                                </td>
                                                                                <td><a data-toggle="modal" href="charge.html#modal-look" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> 拆分 </a></td>
                                                                            </tr>
                                                                            <tr class="alt-row">
                                                                                <td><input type="checkbox" name="ReceivableID[]" class="jqitems" value="396557" checked="checked"></td>
                                                                                <!--<input type="hidden" name="ReceivableID[]" value="396557"/>-->
                                                                                <th>物业费</th>
                                                                                <td>2016-10-01</td>
                                                                                <td>2016-10-31</td>
                                                                                <td>1.8000</td>
                                                                                <td>143.59</td>

                                                                                <td>2016年10月</td>
                                                                                <td>
                                                                                    <select class="mozSelect" name="SettlementType">
                                                                                        <option value="1">现金</option>
                                                                                        <option value="2">刷卡</option>
                                                                                        <option value="3">支票</option>
                                                                                        <option value="4">汇款</option>
                                                                                        <option value="5">赠送</option>

                                                                                    </select>
                                                                                </td>
                                                                                <td><a data-toggle="modal" href="charge.html#modal-look" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> 拆分 </a></td>
                                                                            </tr>
                                                                            <tr>
                                                                                <td><input type="checkbox" name="ReceivableID[]" class="jqitems" value="396558" checked="checked"></td>
                                                                                <!--<input type="hidden" name="ReceivableID[]" value="396558"/>-->
                                                                                <th>物业费</th>
                                                                                <td>2016-11-01</td>
                                                                                <td>2016-11-30</td>
                                                                                <td>1.8000</td>
                                                                                <td>143.59</td>
                                                                                <td>2016年11月</td>
                                                                                <td>
                                                                                    <select class="mozSelect" name="SettlementType">
                                                                                        <option value="1">现金</option>
                                                                                        <option value="2">刷卡</option>
                                                                                        <option value="3">支票</option>
                                                                                        <option value="4">汇款</option>
                                                                                        <option value="5">赠送</option>

                                                                                    </select>
                                                                                </td>
                                                                                <td><a data-toggle="modal" href="charge.html#modal-look" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> 拆分 </a></td>
                                                                            </tr>
                                                                            <tr class="alt-row">
                                                                                <td><input type="checkbox" name="ReceivableID[]" class="jqitems" value="396559" checked="checked"></td>
                                                                                <!--<input type="hidden" name="ReceivableID[]" value="396559"/>-->
                                                                                <th>物业费</th>
                                                                                <td>2016-12-01</td>
                                                                                <td>2016-12-31</td>
                                                                                <td>1.8000</td>
                                                                                <td>143.59</td>
                                                                                <td>2016年12月</td>
                                                                                <td>
                                                                                    <select class="mozSelect" name="SettlementType">
                                                                                        <option value="1">现金</option>
                                                                                        <option value="2">刷卡</option>
                                                                                        <option value="3">支票</option>
                                                                                        <option value="4">汇款</option>
                                                                                        <option value="5">赠送</option>

                                                                                    </select>
                                                                                </td>
                                                                                <td><a data-toggle="modal" href="charge.html#modal-look" class="btn btn-warning btn-sm"><i class="fa fa-pencil"></i> 拆分 </a></td>
                                                                            </tr>
                                                                        </tbody>
                                                                    </table>

                                                                </div>
                                                            </div>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="tab-2" class="tab-pane">
                                    <div class="full-height-scroll">
                                        <div class="table-responsive">
                                            <div class="ibox float-e-margins">
                                                <div class="ibox-content">
                                                    <div class="row">
                                                        <div class="col-sm-12 pull-right">
                                                            <table class="table table-hover">
                                                                <tbody>
                                                                    <tr>
                                                                        <td>
                                                                            <strong>费用类型：</strong>
                                                                        </td>
                                                                        <td>
                                                                            <div class="rule-multi-radio">
                                                                                <span id="rblType01">
                                                                                    <input id="rblType_0" type="radio" name="rblType01" value="0" checked="checked" />
                                                                                    <label for="rblType_0">门禁卡押金</label>
                                                                                    <input id="rblType_1" type="radio" name="rblType01" value="1" />
                                                                                    <label for="rblType_1">保洁服务费</label>
                                                                                    <input id="rblType_3" type="radio" name="rblType01" value="3" />
                                                                                    <label for="rblType_3">居间服务费</label>
                                                                                    <input id="rblType_4" type="radio" name="rblType01" value="3" />
                                                                                    <label for="rblType_4">灭火器租金</label>
                                                                                </span>
                                                                            </div>
                                                                        </td>
                                                                        <td>
                                                                            <strong>应收金额：</strong>
                                                                        </td>
                                                                        <td>
                                                                            <span class="text-muted small"><span style="color:red">&yen;1182.37</span></span>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <strong>支付方式：</strong>
                                                                        </td>
                                                                        <td colspan="3">
                                                                            <div class="rule-multi-radio">
                                                                                <span id="rblType01">
                                                                                    <input id="rblType_0" type="radio" name="rblType01" value="0" checked="checked" />
                                                                                    <label for="rblType_0">现金</label>
                                                                                    <input id="rblType_1" type="radio" name="rblType01" value="1" />
                                                                                    <label for="rblType_1">刷卡</label>
                                                                                    <input id="rblType_2" type="radio" name="rblType01" value="2" />
                                                                                    <label for="rblType_2">支票</label>
                                                                                    <input id="rblType_3" type="radio" name="rblType01" value="3" />
                                                                                    <label for="rblType_3">汇款</label>
                                                                                    <input id="rblType_4" type="radio" name="rblType01" value="3" />
                                                                                    <label for="rblType_4">赠送</label>
                                                                                </span>
                                                                            </div>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <strong>票据类型：</strong>
                                                                        </td>
                                                                        <td>
                                                                            <div class="rule-multi-radio">
                                                                                <span id="rblpiaoType01">
                                                                                    <input id="rblType_0" type="radio" name="rblpiaoType01" value="0" checked="checked" />
                                                                                    <label for="rblType_0">机打</label>
                                                                                    <input id="rblType_1" type="radio" name="rblpiaoType01" value="1" />
                                                                                    <label for="rblType_1">手写</label>
                                                                                    <input id="rblType_2" type="radio" name="rblpiaoType01" value="2" />
                                                                                    <label for="rblType_2">发票</label>
                                                                                    <input id="rblType_3" type="radio" name="rblpiaoType01" value="3" />
                                                                                    <label for="rblType_3">其他</label>
                                                                                </span>
                                                                            </div>
                                                                        </td>
                                                                        <td>
                                                                            <strong>票号：</strong>
                                                                        </td>
                                                                        <td>
                                                                            <input type="text" class="input input-sm form-control" value="">
                                                                        </td>
                                                                    </tr>

                                                                    <tr>
                                                                        <td>
                                                                            <strong>现收金额：</strong>
                                                                        </td>
                                                                        <td>

                                                                            <input type="text" class="input input-sm form-control" value="">
                                                                        </td>
                                                                        <td>
                                                                            <strong>找零金额：</strong>
                                                                        </td>
                                                                        <td>&yen;1182.37</td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                                <div id="tab-3" class="tab-pane">
                                    <div class="full-height-scroll">
                                        <div class="table-responsive">
                                            <div class="ibox float-e-margins">
                                                <div class="ibox-content">
                                                    <div class="row">
                                                        <div class="col-sm-12 pull-right">
                                                            <table class="table table-hover table-mail">
                                                                <thead>
                                                                    <tr>
                                                                        <th>工单编号</th>
                                                                        <th>联系方式</th>
                                                                        <th>工单金额</th>
                                                                        <th></th>
                                                                    </tr>
                                                                </thead>
                                                                <tbody>
                                                                    <tr>
                                                                        <td>
                                                                            <small>编号：WXN201612010005-C  日期：2016年12月7日 16:18:01</small>
                                                                        </td>
                                                                        <td>
                                                                            富力城一期/A09楼栋/8/A09-02-0808
                                                                            <br />
                                                                            <small>业主：张健康 TEL：13811112222</small><br />
                                                                            <small>来电：张夫人 TEL：13311112222</small>
                                                                        </td>
                                                                        <td>
                                                                            30元
                                                                        </td>
                                                                        <td>
                                                                            <a data-toggle="modal" href="workorder.html#modal-liveline" class="btn btn-info btn-sm"><i class="fa fa-dollar"></i> 确认收款 </a>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <small>编号：WXN201612010005-C  日期：2016年12月7日 16:18:01</small>
                                                                        </td>
                                                                        <td>
                                                                            富力城一期/A09楼栋/8/A09-02-0808
                                                                            <br />
                                                                            <small>业主：张健康 TEL：13811112222</small><br />
                                                                            <small>来电：张夫人 TEL：13311112222</small>
                                                                        </td>
                                                                        <td>
                                                                            30元
                                                                        </td>
                                                                        <td>
                                                                            <a data-toggle="modal" href="workorder.html#modal-liveline" class="btn btn-info btn-sm"><i class="fa fa-dollar"></i> 确认收款 </a>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <small>编号：WXN201612010005-C  日期：2016年12月7日 16:18:01</small>
                                                                        </td>
                                                                        <td>
                                                                            富力城一期/A09楼栋/8/A09-02-0808
                                                                            <br />
                                                                            <small>业主：张健康 TEL：13811112222</small><br />
                                                                            <small>来电：张夫人 TEL：13311112222</small>
                                                                        </td>
                                                                        <td>
                                                                            30元
                                                                        </td>
                                                                        <td>
                                                                            <a data-toggle="modal" href="workorder.html#modal-liveline" class="btn btn-info btn-sm"><i class="fa fa-dollar"></i> 确认收款 </a>
                                                                        </td>
                                                                    </tr>
                                                                    <tr>
                                                                        <td>
                                                                            <small>编号：WXN201612010005-C  日期：2016年12月7日 16:18:01</small>
                                                                        </td>
                                                                        <td>
                                                                            富力城一期/A09楼栋/8/A09-02-0808
                                                                            <br />
                                                                            <small>业主：张健康 TEL：13811112222</small><br />
                                                                            <small>来电：张夫人 TEL：13311112222</small>
                                                                        </td>
                                                                        <td>
                                                                            30元
                                                                        </td>
                                                                        <td>
                                                                            <a data-toggle="modal" href="workorder.html#modal-liveline" class="btn btn-info btn-sm"><i class="fa fa-dollar"></i> 确认收款 </a>
                                                                        </td>
                                                                    </tr>
                                                                </tbody>
                                                            </table>
                                                        </div>
                                                    </div>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </div>
        </div>
    </div>

    <div id="modal-history" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="row">
                        <div class="col-sm-12">
                            <div class="ibox-content p-xl">
                                <span>周期费用明细</span>
                                <div class="row m-b-sm m-t-sm">
                                    <div class="col-md-3">
                                        <div class="form-group" id="data_4">
                                            <div class="input-group date input-group-sm">
                                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                <input type="text" class="form-control" value="2016">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <input type="text" placeholder="请输入费用名称（支持模糊查询）" class="input-sm form-control"> <span class="input-group-btn">
                                                <button type="button" class="btn btn-sm btn-primary"> 搜索</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <table class="table table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>房间号</th>
                                            <th>费用名称</th>
                                            <th>账单月</th>
                                            <th>开始时间</th>
                                            <th>结束时间</th>
                                            <th>收款金额</th>
                                            <th>减免金额</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>
                                                <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                            </td>
                                            <td>物业费</td>
                                            <td> 2016-01</td>
                                            <td> 2016-01-08</td>
                                            <td>
                                                2016-02-07
                                            </td>
                                            <td>
                                                1284
                                            </td>
                                            <td>284</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>
                                                <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                            </td>
                                            <td>物业费</td>
                                            <td> 2016-02</td>
                                            <td> 2016-02-08</td>
                                            <td>
                                                2016-03-07
                                            </td>
                                            <td>
                                                1284
                                            </td>
                                            <td>284</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>
                                                <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                            </td>
                                            <td>物业费</td>
                                            <td> 2016-03</td>
                                            <td> 2016-03-08</td>
                                            <td>
                                                2016-04-07
                                            </td>
                                            <td>
                                                1284
                                            </td>
                                            <td>284</td>
                                        </tr>
                                        <tr>
                                            <td>4</td>
                                            <td>
                                                <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                            </td>
                                            <td>产权管理费</td>
                                            <td> 2016-03</td>
                                            <td> 2016-03-08</td>
                                            <td>
                                                2016-04-07
                                            </td>
                                            <td>
                                                444
                                            </td>
                                            <td>0</td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th>合计</th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th></th>
                                            <th>7954</th>
                                            <th>7954.87</th>
                                        </tr>
                                    </tfoot>
                                </table>
                                <div class="text-right">
                                    <ul class="pagination">
                                        <li><a href="#">&laquo;</a></li>
                                        <li><a href="#">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">5</a></li>
                                        <li><a href="#">&raquo;</a></li>
                                    </ul>
                                </div>
                                <hr />
                                <span>临时费用明细</span>
                                <div class="row m-b-sm m-t-sm">
                                    <div class="col-md-3">
                                        <div class="form-group" id="data_4">
                                            <div class="input-group date input-group-sm">
                                                <span class="input-group-addon"><i class="fa fa-calendar"></i></span>
                                                <input type="text" class="form-control" value="2016">
                                            </div>
                                        </div>
                                    </div>

                                    <div class="col-md-9">
                                        <div class="input-group">
                                            <input type="text" placeholder="请输入费用名称（支持模糊查询）" class="input-sm form-control"> <span class="input-group-btn">
                                                <button type="button" class="btn btn-sm btn-primary"> 搜索</button>
                                            </span>
                                        </div>
                                    </div>
                                </div>
                                <table class="table table-striped table-hover">
                                    <thead>
                                        <tr>
                                            <th>序号</th>
                                            <th>房间号</th>
                                            <th>费用名称</th>
                                            <th>收款金额</th>
                                            <th>收款时间</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>1</td>
                                            <td>
                                                <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                            </td>
                                            <td>门禁卡押金</td>
                                            <td>
                                                1284
                                            </td>
                                            <td> 2016-01-08</td>
                                        </tr>
                                        <tr>
                                            <td>2</td>
                                            <td>
                                                <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                            </td>
                                            <td>灭火器租金</td>
                                            <td>
                                                1284
                                            </td>
                                            <td> 2016-01-08</td>
                                        </tr>
                                        <tr>
                                            <td>3</td>
                                            <td>
                                                <a data-toggle="tab" href="#contact-1" class="client-link">A12-1101</a>
                                            </td>
                                            <td>门禁卡押金</td>
                                            <td>
                                                1284
                                            </td>
                                            <td> 2016-01-08</td>
                                        </tr>
                                    </tbody>
                                    <tfoot>
                                        <tr>
                                            <th>合计</th>
                                            <th></th>
                                            <th></th>
                                            <th>7954.87</th>
                                            <th></th>
                                        </tr>
                                    </tfoot>
                                </table>
                                <div class="text-right">
                                    <ul class="pagination">
                                        <li><a href="#">&laquo;</a></li>
                                        <li><a href="#">1</a></li>
                                        <li><a href="#">2</a></li>
                                        <li><a href="#">3</a></li>
                                        <li><a href="#">4</a></li>
                                        <li><a href="#">5</a></li>
                                        <li><a href="#">&raquo;</a></li>
                                    </ul>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div id="modal-look" class="modal fade" aria-hidden="true">
        <div class="modal-dialog modal-lg">
            <div class="modal-content">
                <div class="modal-body">
                    <div class="ibox-content">
                        <div class="photos">
                            <img alt="image" style="width:100%;height:100%;" src="img/拆分费用.png">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 全局js -->
    <script src="js/jquery.min.js?v=2.1.4"></script>
    <script src="js/bootstrap.min.js?v=3.3.6"></script>
    <script src="js/plugins/slimscroll/jquery.slimscroll.min.js"></script>
    <script src="js/plugins/footable/footable.all.min.js"></script>
    <!-- 自定义js -->
    <script src="js/content.js?v=1.0.0"></script>
    <script src="js/common.js"></script>
    
    
    
    <!-- Bootstrap-Treeview plugin javascript -->
    <script src="js/plugins/treeview/bootstrap-treeview.js"></script>
    <script src="js/demo/treeview-projectdemo.min.js"></script>
    <!-- Data picker -->
    <script src="js/plugins/datapicker/bootstrap-datepicker.js"></script>
    <!-- Chosen -->
    <script src="js/plugins/chosen/chosen.jquery.js"></script>

    <script src="js/demo/inputGroup-1.1.js"></script>
    <script>
        $(function () {
            $('.input-group-add').initInputGroup({
                'widget': 'input', //输入框组中间的空间类型
                /*'add' : '添加',
                'del' : '删除'*/
                'field': 'data',
                'data': ['1233', '33', '536', '343']
            });
        });
    </script>

    <script>       
        var config = {
            ".chosen-select": {},
            ".chosen-select-deselect": {
                allow_single_deselect: true
            },
            ".chosen-select-no-single": {
                disable_search_threshold: 10
            },
            ".chosen-select-no-results": {
                no_results_text: "Oops, nothing found!"
            },
            ".chosen-select-width": {
                width: "95%"
            }
        };
        for (var selector in config) {
            $(selector).chosen(config[selector])
        }

    </script>
    <script>
        $(function () {
            $('.full-height-scroll').slimScroll({
                height: '100%'
            });
        });
    </script>
    <!-- layerDate plugin javascript -->
    <script src="js/plugins/layer/laydate/laydate.js"></script>
    <script>
        var start = {
            elem: "#start",
            format: "YYYY/MM/DD",
            min: laydate.now(),
            max: "2099-06-16",
            istime: false,
            istoday: false,
            choose: function (a) {
                end.min = a;
                end.start = a
            }
        };
        var end = {
            elem: "#end",
            format: "YYYY/MM/DD",
            min: laydate.now(),
            max: "2099-06-16",
            istime: false,
            istoday: false,
            choose: function (a) {
                start.max = a
            }
        };
        laydate(start);
        laydate(end);
    </script>

    <!-- Sweet alert -->
    <script src="js/plugins/sweetalert/sweetalert.min.js"></script>
    <script>
        $(document).ready(function () { $(".demo1").click(function () { swal({ title: "欢迎使用SweetAlert", text: "Sweet Alert 是一个替代传统的 JavaScript Alert 的漂亮提示效果。" }) }); $(".demo2").click(function () { swal({ title: "太帅了", text: "小手一抖就打开了一个框", type: "success" }) }); $(".demo3").click(function () { swal({ title: "您确定要删除这条信息吗", text: "删除后将无法恢复，请谨慎操作！", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "删除", closeOnConfirm: false }, function () { swal("删除成功！", "您已经永久删除了这条信息。", "success") }) }); $(".demo4").click(function () { swal({ title: "您确定要删除这条信息吗", text: "删除后将无法恢复，请谨慎操作！", type: "warning", showCancelButton: true, confirmButtonColor: "#DD6B55", confirmButtonText: "是的，我要删除！", cancelButtonText: "让我再考虑一下…", closeOnConfirm: false, closeOnCancel: false }, function (a) { if (a) { swal("删除成功！", "您已经永久删除了这条信息。", "success") } else { swal("已取消", "您取消了删除操作！", "error") } }) }) });
    </script>

    <script>
        $(document).ready(function () {
            $("#data_5 .input-daterange").datepicker({
                keyboardNavigation: false,
                forceParse: false,
                autoclose: true
            });
            $("#data_4 .input-group.date").datepicker({ format: 'yyyy-mm', minViewMode: 1, keyboardNavigation: false, forceParse: false, autoclose: true, todayHighlight: true });
        });
    </script>

    <script>
        $(document).ready(function () { $("#lightVersion").click(function (a) { a.preventDefault(); $("#ibox-content").removeClass("ibox-content"); $("#vertical-timeline").removeClass("dark-timeline"); $("#vertical-timeline").addClass("light-timeline") }); $("#darkVersion").click(function (a) { a.preventDefault(); $("#ibox-content").addClass("ibox-content"); $("#vertical-timeline").removeClass("light-timeline"); $("#vertical-timeline").addClass("dark-timeline") }); $("#leftVersion").click(function (a) { a.preventDefault(); $("#vertical-timeline").toggleClass("center-orientation") }) });
    </script>



    <!--统计代码，可删除-->
</body>
</html>
